$(function () {
    // 给登陆按钮添加单击事件
    $(`.btn`).click(function () {
        let userVal = $(`.user`).val()
        let psdVal = $(`.psd`).val()

        // 正则校验
        if (!(/[\u4e00-\u9fa5]/.test(userVal))) return alert(`用户名不符合要求！`);
        if (!(/^\d+$/.test(psdVal))) return alert(`密码不符合要求!`);

        // 请求登陆接口
        let xhr = new XMLHttpRequest()
        xhr.open(`post`, `http://localhost:3000/user/login`);
        xhr.setRequestHeader(`content-type`, `application/x-www-form-urlencoded`);
        xhr.send(`username=${userVal}&password=${psdVal}`);
        xhr.onreadystatechange = function () {
            if (this.readyState === 4) {
                let res = JSON.parse(this.responseText);
                console.log(res);

                // 判断res中的data数组长度，如果长度为0 return
                if (res.data.length === 0) return alert(`用户名不存在!`);

                // 判断res.data[0].userpwd 与 res.pwd 不一致 密码错误
                if (res.data[0].userpwd !== res.pwd) return alert(`密码错误！`);
                console.log(res.pwd);

                alert(`登陆成功!`)
                location.href = `./info.html`
            }
        }
    })
})